import { Button } from "antd";
import styles from "./index.module.less";
import { NewChatOutlined } from "@/components/Icons";
import { useContext } from "react";
import { BigScreenContext } from "@/pages/BigScreen/context/BigScreenContext";
import { ShrinkOutlined, ArrowsAltOutlined } from "@ant-design/icons";
const ChatRightArea = (props: any) => {
  const { handleNewChat } = props;
  const bigScreenContext = useContext(BigScreenContext);
  const { chatFull, setChatFull } = bigScreenContext;

  return (
    <div className={styles.wrapper}>
      <div
        className={styles.item}
        onClick={() => {
            handleNewChat();
        }}
      >
        <NewChatOutlined />
        <span className={styles.label}>新建对话</span>
      </div>

      <div
        className={styles.item}
        onClick={() => {
          setChatFull(!chatFull);
        }}
      >
        {chatFull ? <ShrinkOutlined /> : <ArrowsAltOutlined />}
        <span className={styles.label}>{chatFull ? "收起" : "放大"}</span>
      </div>
    </div>
  );
};
export default ChatRightArea;
